@charset "utf-8";

#header{ background-position:bottom; background-repeat:repeat-x; background-image:url(../images/img3.png);width:100%;  z-index:999; position:fixed; left:0; top:0}
.header_mid{position:relative; margin:0 6%;height:5em;}
.header_mid_left{position:absolute; top:0; left:0%; height:100%;}
.header_mid_right{  position:absolute; right:0%; top:0; height:100%;}
.header_mid_mid{margin-left:30%;}
.header_mid_mid ul li{ z-index:10; margin-left:4em;float:left; position:relative; line-height:5em;  }
.header_mid_mid ul li:after , .bodyon .header_mid_mid ul li:after{position:absolute;content:"";width:6px;height:6px;background:#fff;border-radius:100%;-webkit-border-radius:100%;-moz-border-radius:100%;-m-border-radius:100%;    left: 130%;top: 50%;}
.header_mid_mid ul li:last-child:after{width:0px;height:0px;}
.bodyon .header_mid_mid ul li:after{background:#005bac;}
.header_mid_mid ul li dl{ line-height:normal; background-position:top; background-repeat:repeat-x;  position:absolute; left:-60px; width:180px; z-index:100; padding:0.5em 0; background-color:#fff; display:none;-webkit-box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 2px 0px 10px rgba(0, 0, 0, 0.2);  }

.menu_right_mid_1{color:#000; font-size:1.5rem; margin-bottom:0.1em;}
.menu_right_mid_3 p{ clear:both;width:100%; display:block; text-align:center}
 .menu_right_mid_3 p a{ font-size:0.8rem; display:block; padding:0.4em 0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.menu_right_mid_3 p a:hover{ color:#fff; background-color:#005bac}
.menu_right_mid_2{ font-size:0.875rem;color:#707070; font-family:Arial, Helvetica, sans-serif;}
.header_mid_mid ul li dl dd{ position:relative;  }
.menu_left{ width:54.16666666666667%;position:absolute; left:0; top:0; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.header_mid_mid ul li a.biga{ display:block; color:#fff;font-size:1rem; position:relative;}
.header_mid_mid ul li a.biga:hover{color:#005bac}
.header_mid_mid ul li a.biga:after{ width:0;content:''; position:absolute; left:0; bottom:0; left:50%; height:1px; background-color:#fff;transition: all 0.25s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.header_mid_mid ul li a.biga:hover:after,.header_mid_mid ul li a.bigaon:after{left:0; width:100%;}
.header_mid_mid ul li:nth-child(1){margin-left:0} 
.header_mid_right_right{} 
.header_mid_right_right a{ display:inline-block;color:#fff;   padding:.2em .6em;} 
.header_mid_right_right a:nth-child(1){ padding-left:2em;background-position:left center; background-repeat:no-repeat; background-image:url(../images/index19.png);}
.header_mid_right_right a:nth-child(2){ padding-left:2em;background-position:left center; background-repeat:no-repeat; background-image:url(../images/img1.png);}
.header_mid_right_right a:nth-child(2):hover{color:#005bac}
.global-nav-initializer {width: 38px; height: 34px; display:none; margin:0 1em;position: relative;background: white; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;transition: all 0.4s ease; }
.global-nav-initializer .line { width: 22px;  height: 2px;  background: 2px;  left: 8px; position: absolute; background: #333; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;  -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;transition: all 0.4s ease; }
.global-nav-initializer .line.top {top: 8px; }
.global-nav-initializer .line.mid { top: 16px; }
.global-nav-initializer .line.bottom {top: 24px; }
.active .global-nav-initializer { background: #cfa972; }.active .global-nav-initializer .line {background-color:#fff;}
.global-nav-initializer.active .line.top { -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -moz-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -ms-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -o-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); }
.global-nav-initializer.active .line.mid { -webkit-transform: scaleX(0); -moz-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0); }
.global-nav-initializer.active .line.bottom { -webkit-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);-moz-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); -ms-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); -o-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0);transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); }
 
.mobilemenu{ overflow:visible; overflow-x:hidden; overflow-y:auto; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; opacity:0;position:fixed; left:0; top:-100%; width:100%; background-color:#fff;height:calc(100vh - 74px); z-index:66; }
.mobilemenuon{top:65.15px;opacity:1;}
.mobilemenu ul li{text-align:center;border-bottom:1px #dedede solid; }
.mobilemenu ul{margin:.5em 0 0 0;}
.mobilemenu ul li a.biga{display:block;  padding:0.8em 0;}
.mobilemenu ul li.on a.biga{color:#fff; background-color:#005bac}
.mobilemenu ul li dl dd{font-size:0.875rem; margin:0.5em 0;}
.mobilemenu ul li dl{ display:none;padding-bottom:0.5em;}

/*********index**********/
.banner_img{background-position:center; background-repeat:no-repeat; background-size:cover; height:100vh;}  

.swiper-slide-active .banner_img{visibility: visible; -webkit-animation:scale-bg 7s linear forwards;animation:scale-bg 7s linear forwards;}


@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
.banner_mid{ color:#fff;position:absolute;width:100%; z-index:100; bottom:45%;text-align: center;}
.banner_mid_1{ margin-bottom:0.25em;font-size:4rem; color: #fff;font-family:"1";text-shadow: 0 0 10px #4d4d4d;-webkit-text-shadow: 0 0 10px #4d4d4d;-moz-text-shadow: 0 0 10px #4d4d4d;-o-text-shadow: 0 0 10px #4d4d4d;}
.banner_mid_2{font-size:1.8rem;color: #fff;text-shadow: 0 0 10px #4d4d4d;-webkit-text-shadow: 0 0 10px #4d4d4d;-moz-text-shadow: 0 0 10px #4d4d4d;-o-text-shadow: 0 0 10px #4d4d4d;}
.banner_mid_3{width: 10%; height: 6px;background: #005bac;text-align: center;margin: 2% auto 0 auto;}
.indexbanner .swiper-pagination-bullet{border-radius:0; background:none; background-image:url(../images/img9.png); opacity:1; width:65px; height:3px; position:relative;}
.indexbanner .swiper-pagination-bullet i{position:absolute; left:0; top:0; height:100%; background-color:#fff;}
#swiper-pagination-index-banner{ width:100%; text-align:center; bottom:8%;}
.swiper-pagination-index-banner{position: absolute;text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity;transition: .3s opacity;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);z-index: 10;}

.header_mid_left_mid a{display:inline-block; width:20em; height:3em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/logo5.png);}

/*******导航处理*******/
.bodyon .header_mid_left_mid a{background-image:url(../images/logo5_b.png);}
.bodyon #header{background-color:#ebebeb;}
.bodyon .header_mid_mid ul li a.biga,.bodyon .header_mid_right_right a{color:#020202;}
.bodyon .header_mid_mid ul li a.biga:hover,.bodyon .header_mid_right_right a:hover{color:#005bac}
.bodyon .header_mid_right_right a:nth-child(1){background-image:url(../images/index18.png);}
.bodyon .header_mid_right_right a:nth-child(2){background-image:url(../images/img1on.png);}
@media screen and (max-width:1630px) {
.header_mid_mid{margin-left:25%}
.header_mid_mid ul li{    margin-left: 3.5em;}


}
@media screen and (max-width:1500px) {

.header_mid{margin:0 2%;}
.header_mid_mid ul li{margin-left:3.2em;}

}




@media screen and (max-width:1320px) {

.header_mid_mid ul li a.biga{font-size:0.875rem;}
.header_mid_mid ul li {margin-left: 3em;}
.header_mid_left_mid a{width:18em;height:2.5em;}
}




@media screen and (max-width:1200px) {
.header_mid_right_right a:nth-child(1){display:none;}

.header_mid_mid {
    margin-left: 30%;
}
}
@media screen and (max-width:1100px) {


.header_mid_mid{display:none}
.header_mid{height:4.625em;}
#mid{margin-top:4.625em;}
.global-nav-initializer{ background:none;display:block; position:absolute; margin:0; top:50%; margin-top:-17px; right:0;}
.global-nav-initializer .line{background-color:#005bac}
.header_mid_right_right{display:none}
.header_mid_left_mid a{background-image:url(../images/logo5_b.png);}
#header{background-color:#ebebeb;}
.header_mid_mid ul li a.biga,.header_mid_right_right a{color:#020202;}

.header_mid_mid ul li a.biga:after,.header_mid_mid ul li a.biga:after{background-color:#020202;}

}




.banner_img_mobile{display:none; background-position:center; background-repeat:no-repeat; position:relative;}

.swiper-slide-active .banner_img_mobile{visibility: visible; -webkit-animation:scale-bg 7s linear forwards;animation:scale-bg 7s linear forwards;}


@-webkit-keyframes scale-bg{
	from{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}
@keyframes scale-bg{
	from{
		-webkit-transform:scale(1.1);
		transform:scale(1.1);
	}
	to{
		-webkit-transform:scale(1);
		transform:scale(1);
	}
}


.banner_img_mobile img{width:100%;}
@media screen and (max-width:768px) {

.banner_img{display:none}
.banner_img_mobile{display:block;}
.mobile_banner{display:block;}
.mobile_banner img{width:100%;}
.nybanner{display:none}
.banner_mid_2{font-size:1rem;}
.banner_mid_1{font-size:2rem;}
.indexbanner .swiper-pagination-bullet{height:2px; width:50px;}
}



@media screen and (max-width:480px) {
.mobilemenu{   height:calc(100vh - 60px);   }
.mobilemenuon{top:60px;}
.header_mid{height:3.75em;}
#mid{margin-top:3.75em;}
.header_mid_left_mid a { width: 14em; height: 2em;}
.banner_mid_1{font-size:1.4rem;}
.banner_mid_2 { font-size: 0.85rem;}
.banner_mid_3{height:4px;}
.indexbanner .swiper-pagination-bullet{height:2px; width:60px;}
}


@media screen and (max-width:480px) {
.mobilemenu{   height:calc(100vh - 50px);   }
.mobilemenuon{top:50px;}


}